<template>
  <el-row class="nav-header">
    <el-col>
      <el-breadcrumb separator="/">
        <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
        <el-breadcrumb-item>{{ $route.meta.pageTitle[1] }}</el-breadcrumb-item>

        <!-- <el-breadcrumb-item :to="{ path: $route.meta.pageTitle[1].url }">{{ $route.meta.pageTitle[1].name
        }}</el-breadcrumb-item>
        <el-breadcrumb-item v-if="$route.meta.pageTitle[2]">{{ $route.meta.pageTitle[2] }}</el-breadcrumb-item> -->

      </el-breadcrumb>
    </el-col>
  </el-row>
</template>

<script>
export default {
  name: 'DEMONavHeader',

  data() {
    return {

    };
  },

  mounted() {
    console.log(this.$route.meta.pageTitle);
  },

  methods: {

  },
};
</script>

<style lang="less" scoped>
.nav-header {
  background-color: #f9f7fa;
  height: 50px;
  line-height: 50px;
  margin: 0 -20px;
}

.el-breadcrumb {
  line-height: 50px;
  font-size: 18px;
}
</style>